* {
  margin:0;
  padding:0;
  color:#666666;
  /*background: #1f6c7a;*/
}  

body {
  height:100%;
  font-family:"Lucida Grande", verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  color: ##1f6c7a;
}

body, html {
  height:100%;
}

/*
body {
 margin:0px;
 background:#808080;
 color: #333333;
 text-align:center;
 padding:0;
 }
*/

#outer {
 text-align:left;
 border: 2px solid #000000;
 width: 100%;
 margin: auto;
 }

#header {
  height:100px;
  background: #1f6c7a url(/igs/media/images/header-left.png) no-repeat center left ; /*custom bullet list image*/ 
  color: #fff;
  text-align: right;
  vertical-align: middle;
}

#bar {
  height: 15px;
  background: #cce8e8;
  color: #333333;
  border: solid #bf9f62;  
  border-width: 0px 0px 0px 0px;
  text-align: right;
  vertical-align: middle;
 }

#bodyblock {
 position:relative;
 background: #3333FF;
 color: #33FF33;
 width:100%;
 height: 100%;
 padding:0;
 }

#leftcol {
 float:left;
 width:150px;
 border-width: 0px;
 background:#dcdcdc;
 color: #333333;
 }

#content {
 float:left;
 width: 80%; 
 background:#FFFFFF;
 color: #333333;
 border:solid #FF0000;  
 border-width: 0px;
 text-align: center;
 /*margin-left: 20px;*/
 padding-left: 3px;
 padding-right: 3px;
 padding-top: 3px;
 padding-bottom: 3px; 
 min-height: 300px;
 }

 #rightcol {
 float:right;
 width:150px;
 border:solid #FF0000;    
 background:#dcdcdc;
 border-width: 0px;  
 color: #333333;
 }
 
#footer {
 height: 40px;
 background: #99ae6b;
 color: #333333;
 border:solid black;
 border-width:0px 0 0 0;
 margin:0;
 }
 
 div.scroll {
  max-height: 650px;
  position:relative;
  overflow:auto;
}

table.contenedor {
  border: solid 1px #EEEEEE;
}

table.contenedor  td {
  /*
  border: dashed 1px #EEEEEE;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
  font-family:"Lucida Grande", verdana, Tahoma, Arial, sans-serif;
  */
  vertical-align: top;
  border-left: solid 0px #EEEEEE;
}

table.data  {
  font-family:"Lucida Grande", verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  border-collapse: collapse;
  border-spacing: 0px;
  padding-left: 10px;
  margin-top: 10px;
  margin-left: 10px;
  margin-bottom: 10px;
  border-left: solid 0px #EEEEEE;
  width: 95%;
}

table.data  tbody td {
  border: dashed 1px #EEEEEE;
  text-align: center;
  vertical-align: middle;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
  font-family:"Lucida Grande", verdana, Tahoma, Arial, sans-serif;
}

table.data  th {
  font-family:"Lucida Grande", verdana, Tahoma, Arial, sans-serif;
  font-size: 15px;  
  text-align: center;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 1px;
  padding-right: 1px; 
 }


table.data  tr.odd {
  background: rgb(255,255,255);
  font-family:"Lucida Grande", verdana, Tahoma, Arial, sans-serif;
}

table.data  tr.even {
  background: rgb(240,240,240);
  font-family:"Lucida Grande", verdana, Tahoma, Arial, sans-serif;
}

table.data  tbody tr:hover {
  background: rgb(200,200,200);
  color: rgb(255,255,255);
  font-family:"Lucida Grande", verdana, Tahoma, Arial, sans-serif;
}

table.data  thead tr {
  border-top: solid 1px #EEEEEE;
  font-family:"Lucida Grande", verdana, Tahoma, Arial, sans-serif;
}

table.data thead tr th {
  background: rgb(222,226,222);
  font-family:"Lucida Grande", verdana, Tahoma, Arial, sans-serif;
  border: solid 1px #EEEEEE;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 2px;
  padding-bottom: 2px;
}

table.data  caption {
  background: rgb(255,255,255);
  font-family:"Lucida Grande", verdana, Tahoma, Arial, sans-serif;
  font-size: 16px;
  font-weight: bolder; 
  text-align: left;
  border-left: solid 10px rgb(222,226,222);
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
}

h1 {
  font-family:"Lucida Grande", verdana, Tahoma, Arial, sans-serif;
  font-size: 16px;
  /*color:#666666;*/
  color: #1f6c7a;
  font-weight:bolder;
  font-variant:small-caps;
  text-transform:none;
  display:block;
  margin:0 0 15px;
  padding:5px 5px 5px;  
}

h3 {
  font-family:"Lucida Grande", verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  /*color:#666666;*/
  color:#6bd;
  font-weight:bolder;
  font-variant:small-caps;
  text-transform:none;
  display:block;
  margin:0 0 0px;
  padding:1px 1px 1px;  
}


table.contenedor  caption {
  border: 1px solid #EEEEEE;
  font-family:"Lucida Grande", verdana, Tahoma, Arial, sans-serif;
  font-size: 16px;
  /*color:#666666;*/
  color:#6bd;
  font-weight:bolder;
  font-variant:small-caps;
  text-transform:none;
  padding: 2px 2px 2px 2px;   
  text-align: center;
}

table  td {
  text-align: center;
  /*vertical-align: middle;*/
}

p.mensaje {
  font-family:"Lucida Grande", verdana, Tahoma, Arial, sans-serif;
  font-size: 14px;
  /*color:#666666;*/
  color:#000;
}

p.ayuda {
  font-family:"Lucida Grande", verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  /*color:#666666;*/
  color:#000;
}

a.menuitem {
  font-family:"Lucida Grande", verdana, Tahoma, Arial, sans-serif;
  font-size: 10px;
  color:#3d3da6;  
}

.menuitems ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-bottom: 10x; 
}


.menuitems ul li{
  padding-bottom: 0px;
}

.menuitems ul li a{
  color:#6bd;
  background: url(/igs/media/images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
  display: block;
  padding: 2px 0;
  padding-left: 10px;
  text-decoration: none;
  font-weight: none;
  border-bottom: 1px solid #dadada;
  font-size: 80%;
}

.menuitems ul li a:visited{
  color: #A70303;
}

.menuitems ul li a:hover{ /*hover state CSS*/
  color: #A70303;
  background-color: #F3F3F3;
}

table.gctable{
    width: 700px;
    border : 1 em solid;
}

table.gctable td {
    float : left;
    width : 300px;
}

table.gctable select{
  width : 70px;
}

table.gctable input{
  width : 60px;
  text-align: center;
}

ul.errorlist li{
     color: red;
     font-size : 15px;
}
